// import React from "react";

// export default function index() {
//     return (
//         <div>index</div>
//     )
// }


// import React, { useEffect,useState } from "react";
// //1.引入item文件
// import Item from "./Item";

// //2.引入PubSub
// import PubSub from "pubsub-js";

// export default function List() {
//     //4初始化一个state 保存订阅回来的数据,当订阅回来以后,数据改变,视图重新渲染
//     const [searchList, setSearchList] = useState([]);
//     //3.(初始化订阅)
//     useEffect(() => {
//         PubSub.subscribe('github', (_, data) => {
//             setSearchList(data.data.items)
//         })
//     },[])
//     //4订阅后去Header中发布

// //5.设置返回值
//     return (
//         <div className="row">
//           {  searchList.map(item=>{
//                 return <Item key={item.id} {...item} />
//             })}
//         </div>
//     )

// }

import React, { useEffect, useState } from 'react'
import Item from './Item'
import PubSub from 'pubsub-js'
export default function List() {
  //初始化一个state 保存订阅回来的数据,当订阅回来以后,数据改变,视图重新渲染
  const [searchList, setSearchList] = useState([]);
  //初始化订阅  
  useEffect(() => {
    PubSub.subscribe("github", (_, data) => {
      // console.log(data);
      setSearchList(data.data.items)
    })
  }, [])

  return (
    <div className="row">
      {
        searchList.map(item => {
          return <Item key={item.id} {...item} />
        })
      }

    </div>
  )
}
